<template>
  <a-result title="您还没有登录，无法查看" style="padding-top: 200px">
    <template #icon>
      <UserDeleteOutlined />
    </template>
    <template #extra>
      <a-button type="primary" @click="login()">立即登录</a-button>
    </template>
  </a-result>
</template>
<script lang="ts">
  import { SmileTwoTone, UserDeleteOutlined } from '@ant-design/icons-vue';
  import { defineComponent } from 'vue';
  import { useStore } from 'vuex';

  export default defineComponent({
    components: {
      SmileTwoTone,
      UserDeleteOutlined,
    },
    setup(props) {
      const store = useStore();
      return {
        login: () => store.commit('common/setParams', { loginDisplay: true }),
      };
    },
  });
</script>
